<% layout('testboilerplate') -%>
<link rel="stylesheet" href="<%= linkPath %>/css/test.css"/>
<link rel="stylesheet" href="<%= linkPath %>/css/testresponsive.css"/>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<div class="result-wrapper">
    <div class="hide">
        <img src="<%= linkPath %>/images/test/pc_bac.jpg" alt="">
    </div>
    <div class="fuceng hide">
        <img src="<%= linkPath %>/images/test/fuceng.png" alt="share">
    </div>
    <div class="header">
        <span class="logoCont"><img src="<%= linkPath %>/images/test/logo.png" alt="logo"></span>
        <span class="restart pull-right">重测</span>
    </div>
    <div class="result-cont">
        <div class="top-cont" style="background-image: url('<%= linkPath %>/images/test/bac_point.png')">
            <span class="titleCont"><img src="<%= linkPath %>/images/test/title.png" alt="title"></span>
            <div class="bigRoll">
                <div class="smallRoll">
                    <div class="result-text">
                        <p><span class="resultNum">0.00</span><span>%</span></p>
                        <p>成功率</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom-cont" style="background-image: url('<%= linkPath %>/images/test/bac_point.png')">
            <span><img src="<%= linkPath%>/images/test/gzh.png" alt="公众号二维码"></span>
        </div>
    </div>

    <a class="share hide" style="display: inline-block" href="javascript:;">
        <img style="width: 15%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 180px;
    max-width: 250px;
    cursor: pointer;" src="<%= linkPath %>/images/test/share.png" alt="分享">
    </a>
</div>
<script type="text/javascript">
    $(function () {
        var isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
        var $winWidth = $(window).width();
        var topHeight = $(".top-cont").height() - 35;
        var bottomHeigth = $(".bottom-cont").height() - 15;
        $(".bigRoll").css({width: topHeight, height: topHeight});
        $(".bottom-cont span").css({width: bottomHeigth, height: bottomHeigth});

        $.get('<%= baseUrl %>/testing/ticket', {page: encodeURIComponent(location.href.split("#")[0])}, function (data) {
            var t = JSON.parse(data.t)
            wx.config({
                debug: '<%= isWxdebug %>' == 'false' ? false : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: t.appid, // 必填，公众号的唯一标识
                timestamp: t.timestamp, // 必填，生成签名的时间戳
                nonceStr: t.noncestr, // 必填，生成签名的随机串
                signature: t.signature,// 必填，签名，见附录1
                jsApiList: ['checkJsApi',
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            })

            wx.ready(function () {

                wx.checkJsApi({
                    jsApiList: [
                        'onMenuShareTimeline',
                        'onMenuShareAppMessage'
                    ],
                    success: function (res) {
                        // alert(JSON.stringify(res));
                    },
                    error: function (err) {
                        alert('您的微信版本不支持自定义分享，请下载或更新最新版本');
                    }
                });

                wx.onMenuShareTimeline({
                    title: '<%= wxtitle %>', // 分享标题
                    link: '<%= baseUrl %>/testing', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: '<%= baseUrl %>/images/test/pc_bac.jpg', // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                        // alert("分享给朋友圈成功")
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

                //记录坑: 下面的link 和 签名用的url  都要加上 http 才能继续往下分享
                wx.onMenuShareAppMessage({
                    title: '<%= wxtitle %>', // 分享标题
                    desc: '<%= wxdesc %>', // 分享描述
                    link: '<%= baseUrl %>/testing', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: '<%= baseUrl %>/images/test/pc_bac.jpg', // 分享图标
                    type: 'link', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // alert("分享给朋友成功")
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // alert("分享给朋友失败")
                        // 用户取消分享后执行的回调函数
                    }
                });
            })

            wx.error(function (res) {
                alert("error: " + res.errMsg);
            });
        })


        var getQueryString = function () {
            var qs = location.search.substr(1), // 获取url中"?"符后的字串
                args = {}, // 保存参数数据的对象
                items = qs.length ? qs.split("&") : [], // 取得每一个参数项,
                item = null,
                len = items.length;

            for (var i = 0; i < len; i++) {
                item = items[i].split("=");
                var name = decodeURIComponent(item[0]),
                    value = decodeURIComponent(item[1]);
                if (name) {
                    args[name] = value;
                }
            }
            return args;
        }

        // if (getQueryString()['q'] || !sessionStorage.getItem('rate') || sessionStorage.getItem('rate') == "0") {
        //     location.href = location.origin + "/testing"
        // }

        $(".resultNum").text('<%= rate %>');

        if ($winWidth < 767) {
            $('.result-wrapper').css(
                {
                    'background': 'url("/images/test/phone_ans_bac.jpg") no-repeat top center',
                    "background-size": "cover"
                })
        }

        if (isMobile) {
            $('.share').removeClass("hide");
            $('.share').on("click", function (e) {
                e.stopPropagation();
                e.preventDefault();
                window.history.replaceState({}, 0, location.origin + '/testing/result?q=1')
                $('.fuceng').removeClass("hide");
            })

            $('.fuceng').on("click", function () {
                $(this).addClass("hide");

            })
        }

        $(".restart").on("click", function () {
            sessionStorage.removeItem("rate");
            sessionStorage.setItem("rate", "0");
            location.href = location.origin + '/testing/index'
        })

    })
</script>
